<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" slick-uniqueid="1">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Kind of Blue</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="container">
	<div id="wrapper">
		<div id="header">
			<div class="w960">
				<p id="logo"><a href=""><img src="images/logo1.png" /></a></p>
			
				<div class="clear"></div>	
				<div id="navbar" >
					<ul>
						<li class="active"><a href="index.html">home</a></li>
						<li><a href="about.html">about us</a></li>
						<li><a href="premium.html">PREMIUM BRANDS</a>
							<ul>
								<li><a href="premium.html">SEACRET</a></li>
								<li><a href="forever.html">FOREVER FLAWLESS</a></li>
								<li><a href="wish.html">WISH PRO</a></li>
							</ul>
						</li>
						<li><a href="career.html">CAREER</a>
							<ul>
								<li><a href="career_available.html">POSITION AVAILABLE</a></li>
								<li><a href="career.html">SUBMIT YOUR CV</a></li>							
							</ul>
						</li>
						<li><a href="store.html">STORE LOCATOR</a></li>
						<li><a href="news.html">NEWS & EVENTS</a></li>
						<li><a href="contact.html">contact us</a></li>
					</ul>
				</div>
			</div>
		</div><!--header-->
		<div class="clear"></div>
		
		<div id="slideshow">
			<img src="images/banner_career.jpg" alt="" width="1280" height="369" />

			<p class="text-about"><a href="#"><img src="images/career.png"/></a></p>
		</div>
		<div class="clear"></div>
		
		<div id="content">
			<div id="about1">
				<p>POSITIONS AVAILABLE</p>
			</div>
			<div id="career-available-data">
				<div class="position">
					<div class="career-title">
						<p class="position-name">POSITION O1</p>
						<p class="date">06/09/2013</p>
					</div>
					<div class="career-intro">
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unk.has been the industry's standard dummy text ever since the 1500s, when an unk.</p>
						<ul>
							<li><a href="#">READ MORE</a></li>
							<li><a href="#">SUBMIT YOUR CV</a></li>
						</ul>
					</div>
				</div><div class="clear"></div>
				<div class="position">
					<div class="career-title">
						<p class="position-name">POSITION O1</p>
						<p class="date">06/09/2013</p>
					</div>
					<div class="career-intro">
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unk.has been the industry's standard dummy text ever since the 1500s, when an unk.</p>
						<ul>
							<li><a href="#">READ MORE</a></li>
							<li><a href="#">SUBMIT YOUR CV</a></li>
						</ul>
					</div>
				</div><div class="clear"></div>
				<div class="position">
					<div class="career-title">
						<p class="position-name">POSITION O1</p>
						<p class="date">06/09/2013</p>
					</div>
					<div class="career-intro">
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unk.has been the industry's standard dummy text ever since the 1500s, when an unk.</p>
						<ul>
							<li><a href="#">READ MORE</a></li>
							<li><a href="#">SUBMIT YOUR CV</a></li>
						</ul>
					</div>
				</div><div class="clear"></div>				
			</div>	
		</div><!--content-->
		<div class="clear"></div>
	
	</div><!--Wrapper-->  
	<div class="w960">
		<div id="thumbnail1">
			<ul>
				<li><a href=""><img src="images/thumbnail1.png" /></a></li>
				<li><a href=""><img src="images/thumbnail2.png" /></a></li>
				<li><a href=""><img src="images/thumbnail3.png" /></a></li>
			</ul>
		</div>
	</div>		
	<div class="w960">
		<div id="menu2">
			<ul>
				<li><a href="#">CUSTOMER SERVICE</a></li>
				<li><a href="#">ABOUT KIND OF BLUE</a></li>
				<li><a href="#">BRANDS WE CARRY</a></li>
				<li><a href="#">OUR LOCATIONS</a></li>
				<li><a href="#">BECOME A BLUE MEMBER</a></li>
				<li><a href="#">PROMOTIONS</a></li>
			</ul>
		</div>
	</div>
	<div class="clear"></div>
	<div id="footer">
		<div class="w960 foott">
			<div id="footer-data">
				<div id="text1">
					<p>NEWSLETTER | <span>Lorem Ipsum is simply dummy text of the 			printidfbdjfdffdfj.dfjdlfmng and typesett.</span></p>
				</div>
				
			<div class="clear"></div>
			<div class="fr">
				<div id="social">
					<ul>
						<li><a href="#"><img src="images/fb.png" /></a></li>
						<li><a href="#"><img src="images/envelop.png" /></a></li>
					</ul>
				</div>
				<div id="newsletter">
					<input type="text" value="Enter your email address here" />
					<input type="submit" />
				</div>			
			</div>	
			</div>
			<div class="clear"></div>
			<div id="copyright">
				<p>Lorem Ipsum is simply dummy text of the printidfbdjfdffdfj.dfjdlfmng and typesett.</p>
			</div>
		</div>
	</div><!--footer-->
</div>
</body>
</html>